﻿<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="”renderer”" content="”webkit”" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>政府用地地理信息服务平台</title>
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.0/css/bootstrap-select.min.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.0/js/bootstrap-select.min.js"></script>

    <script>
        var dojoConfig = {
            parseOnLoad: true,
            packages: [{
                name: 'tdlib',
                "location": location.pathname.replace(/\/[^/]+$/, "") + "/js/tdlib"
            }]
        };
        $(function () {
            var h = $(window).height();
            $("#mapDiv").css("height", h);
            var displaytc = false, displaydk = false;
            $("#searchText").keydown(function (e) {
                if (e.keyCode == 13) {
                    $('#searchModal').modal({
                        keyboard: true
                    })
                }
            });
            $("#hide").click(function () {
                $(".navbar").css({ "display": "none" });
                $("#up").css({ "display": "none" });
                $("#down").css({ "display": "block" });
            });
            $("#show").click(function () {
                $(".navbar").css({ "display": "block" });
                $("#down").css({ "display": "none" });
                $("#up").css({ "display": "block" });
            });
            $('.selectpicker').selectpicker({
                width: "auto",
                size: 4
            });

        });
    </script>
    <script src="http://js.arcgis.com/3.9/"></script>
    <script src="js/initMap.js"></script>
    <script src="js/selectDK.js"></script>
    <script src="js/search.js"></script>
    <script src="js/urlSearch.js"></script>
     <script src="js/color.js"></script>

</head>

<body class="claro">
   <div id="up">
            <a id="hide"><span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span></a>
        </div>
      <div id="down">
        <a id="show"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></a>
    </div>
    <nav class="navbar navbar-default " role="navigation">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse  " id="navbar-collapse">
            <ul class="nav navbar-nav navbar-left">
                <li>
                    <a href="#" id="tc" data-toggle="modal" data-target="#modal-tc">选取图层</a>
                </li>
                <li>
                    <a href="#" id="dk" data-toggle="modal" data-target="#modal-dk">选取地块</a>
                </li>      
                <li>
                <a href="#" id="color">着色</a>
                </li>
                       <li>
                   <a href="#" id="reset">重置</a>                    
                </li>
                <li>
                    <input class="form-control" type="text" id="searchText" autocomplete="off" placeholder="搜索园区" />
                </li>
                <li>
                    <button data-toggle="modal" data-target="#searchModal" class="btn btn-info form-control hidden-xs" type="button" id="findBtn"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
                </li>
            </ul>
        </div>
    </nav>
    <div id="mapDiv"></div>
    <div id="u4" class="form-group col-lg-1 col-md-1 col-xs-4">
        <!-- Modal-search-->
       <div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-sm" role="document ">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="myModalLabel">搜索结果</h4>
                    </div>
                    <div class="modal-body">
                        <div id="contentsContainer">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">
                            OK			
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!--modal-tc-->
        <div class="modal fade" id="modal-tc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-sm" role="document ">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title">选取地块</h4>
                    </div>
                    <div class="modal-body">
                        <div id="toc">
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">
                            OK			
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal-dk-->
        <div class="modal fade" id="modal-dk" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-sm" role="document ">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title">地块名称</h4>
                    </div>
                    <div class="modal-body">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">
                            OK			
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

